.pinglun {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 1.3rem;
  z-index: 20;
  .scrollarea {
    height: 0.7rem;
    padding: 0 0.07rem;
    overflow: auto;
    // display: inline-block;
    // width: calc( 100% - 0.14rem );
    > div {
      display: block;
      font-size: 0.1rem;
      line-height: 0.3rem;
      margin: 0.05rem 0;
      > span {
        background-color: rgba(107, 204, 162, 0.6);
        padding: 0.06rem 0.25rem;
        border-radius: 0.2rem;
        color: #fff;
        font-size: 0.1rem;
      }
    }
  }
  .liuyanban {
    height: 0.6rem;
    overflow: hidden;
    position: relative;
    // display: inline-block;
    // width: 100%;
    .inputs {
      color: white;
      font-size: 0.15rem;
      width: 70%;
      line-height: 0.35rem;
      margin-top: 0.1rem;
      margin-left: 0.05rem;
      background: rgba(0, 0, 0, 0.35);
      border-radius: 0.2rem;
      box-sizing: border-box;
      padding: 0 0.1rem;
    }
    .liwu {
      width: 0.384rem;
      height: 0.384rem;
      background: url(../../assets/images/liwu.png) center center no-repeat;
      background-size: 0.384rem;
      position: absolute;
      right: 15%;
      top: 20%;
      animation: tiao1 8s infinite;
      animation-fill-mode: forwards;
    }
    .xiaoxi {
      width: 0.384rem;
      height: 0.384rem;
      background: url(../../assets/images/xiaoxi.png) center center no-repeat;
      background-size: 0.384rem;
      position: absolute;
      right: 3%;
      top: 20%;
      animation: tiao2 8s infinite;
      animation-fill-mode: forwards;
    }
  }
  // input{
  //     padding: 15px;
  //     border-radius: 25px;
  //     color: #D0D1D2;
  //     background-color: #F2F3F6;
  //     margin-bottom: 10px;
  // }
}

.adm-popup-body {
  div {
    input {
      padding: 10px 15px;
      border-radius: 25px;
      color: #999;
      background-color: #f2f3f6;
      margin-bottom: 10px;
      border: none;
      width: 2.4rem;
      outline: none;
      font-size: 0.15rem;
    }
  }
  div.descs {
    display: flex;
    justify-content: space-between;
    > button {
      height: 0.35rem;
      width: 0.8rem;
      outline: none;
      border: none;
      border-radius: 0.18rem;
      background-color: #cccccc;
      color: #fff;
      font-size: 0.15rem;
    }
  }
}

@keyframes tiao1 {
  0% {
    transform: translateY(0px);
  }
  4% {
    transform: translateY(7px);
  }
  10% {
    transform: translateY(-7px);
  }
  15% {
    transform: translateY(5px);
  }
  19% {
    transform: translateY(-5px);
  }
  22% {
    transform: translateY(3px);
  }
  24% {
    transform: translateY(-3px);
  }
  26% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes tiao2 {
  0% {
    transform: translateY(0px);
  }
  27% {
    transform: translateY(0px);
  }
  31% {
    transform: translateY(7px);
  }
  37% {
    transform: translateY(-7px);
  }
  42% {
    transform: translateY(5px);
  }
  46% {
    transform: translateY(-5px);
  }
  49% {
    transform: translateY(3px);
  }
  51% {
    transform: translateY(-3px);
  }
  52% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
